<template>
    <div id="app" style="width:100%;overflow-x: hidden">
        <router-view/>
    </div>
</template>

<style lang="scss">
    /**
        移动端样式
        */
    @media screen and (max-width: $mobile_width) {
        .introduction_tag {
            width: 50% !important;

            .service_tag {
                width: -webkit-calc(50% - 20px) !important;
                width: -moz-calc(50% - 20px) !important;
                width: calc(50% - 20px) !important;
            }

            .service {
                padding: 5rem 0 !important;
            }
        }
    }

    #app {
        font-family: Avenir, Helvetica, Arial, sans-serif;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        // text-align: center;
        color: #2c3e50;
    }

    html,
    body {
        width: 100%;
        height: 100%;
        padding: 0;
        margin: 0;
        background-color: #f2f6ff;
    }
</style>
